@charset "utf-8";
/* CSS Document */
/*
@font-face {
  font-family: 'Hiragino Sans GB';
  src: url('fonts/Hiragino Sans GB W3.eot');
  src: local('Hiragino Sans GB'), local('Hiragino Sans GB W3'), url('fonts/Hiragino Sans GB W3.otf') format('opentype');
}
@font-face {
  font-family: 'Hiragino Sans GB';
  src: url('fonts/Hiragino Sans GB W6.eot');
  src: local('Hiragino Sans GB'), local('Hiragino Sans GB W6'), url('fonts/Hiragino Sans GB W6.otf') format('opentype');
  font-weight: bold;
}
*/
@font-face {
  font-family: 'Droid Sans';
  src: url('../fonts/DroidSansFallback.eot');
  src: local('Droid Sans Fallback'), url('../fonts/DroidSansFallback.ttf') format('opentype');
}

body {
  width: 100%;
  text-align: center;
  font-family: 'Droid Sans', Tahoma;
}

#container {
  width: 100%;
  text-align: center;
}

#userPanel {
  background-color: rgb(253, 179, 56);
  border: 1px rgb(255, 190, 80) solid;
  border-top: 0 none;
  border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  color: white;
  min-width: 800px;
  max-width: 80%;
  _width: 80%;
  margin: 0 auto;
  text-align: right;
  padding: 0 2px 2px 2px;
}
#userPanel a {
  color: white;
}

#container2 {
  background: white;
  border: 1px gray solid;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  margin: 0 auto;
  text-align: left;
  min-width: 800px;
  max-width: 70%;
  _width: 800px;
  _width: expression(this.clientWidth < 800 ? "800px" : this.clientWidth + "px");
  box-shadow: 3px 3px 4px #999;
  -moz-box-shadow: 3px 3px 4px #999;
  -webkit-box-shadow: 3px 3px 4px #999;
}

#main {
  border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
}
/* groupListOuter */
#groupListOuter {
  width: 200px;
  _margin-top: 8px;
  height: 100%;
}

/* groupListOuter -> groupList */
#groupList {
  min-width: 200px;
  _width: 200px;
  _width: expression(this.clientWidth < 200 ? "200px" : this.clientWidt + "px");
  padding: 2px;
  background: #BBB;
  background: linear-gradient(270deg, color-stop(0.5, #BBB), color-stop(1, #EEE));
  background: -moz-linear-gradient(center top, #BBB 50%, #EEE 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #BBB), color-stop(1, #EEE));
  -pie-background: linear-gradient(#BBB, #BBB, #EEE);
  height: 100%;
}

/* groupListOuter -> groupList -> gL_Main */
#gL_Main {
  display: block;
  height: 100%;
}
/* splitter_straight */
#splitter_straight {
  background-image: url(../../images/splitter_straight.png);
  display: block;
  min-width: 3px;
  width: 3px;
  height: 100%;
}

#realContainer {
  padding: 2px;
}

/* realContainer -> rCtitle */
#rCtitle {
  height: 68px;
  font-size: 60px;
  text-align: center;
  background: #FBFBFB;
  background: linear-gradient(270deg, color-stop(0, #FFF),  color-stop(0.5, #EAEAEA), color-stop(1, #EEE));
  background: -moz-linear-gradient(center top, #FFF 0%,  #EAEAEA 50%, #EEE 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFF),  color-stop(0.5, #EAEAEA), color-stop(1, #EEE));
  -pie-background: linear-gradient(#FFF, #EAEAEA, #EEE);
  border-radius: 0 0 2px 2px;
  overflow-y: visible;
  box-shadow: 0px 3px 4px #999;
  -moz-box-shadow: 0px 3px 4px #999;
  -webkit-box-shadow: 0px 3px 4px #999;
}

/* realContainer ->  rCintro */
#rCintro {
  text-align: center;
}

/* realContainer ->  rCintro -> rCintroInner */
#rCintroInner {
  margin: 0 auto;
  text-align: left;
  width: 520px;
  height: 96px;
  background-color: #FBFBFB;
  background: linear-gradient(270deg, color-stop(0, #EEE),  color-stop(0.5, #EAEAEA), color-stop(1, #FFF));
  background: -moz-linear-gradient(center top, #EEE 0%,  #F0F0F0 50%, #FBFBFB 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EEE),  color-stop(0.5, #F0F0F0), color-stop(1, #FBFBFB));
  -pie-background: linear-gradient(#EEE, #F0F0F0, #FBFBFB);
  border-radius: 0 0 2px 2px;
  box-shadow: inset 0px 4px 5px -3px #999, 0px 2px 3px #999;
  -moz-box-shadow: inset 0px 4px 5px -3px #999, 0px 2px 3px #999;
  -webkit-box-shadow: inset 0px 4px 5px -3px #999, 0px 2px 3px #999;
  padding: 4px;
}

/* realContainer -> rCboxes */
#rCboxes {
  margin: 24px;
}

#footer {
  background-color: gray;
  color: white;
  text-align: center;
  width: 100%;
  padding: 2px 0 4px 0;
  text-shadow: 2px 2px 3px #AAA;
  -moz-text-shadow: 2px 2px 3px #AAA;
  -webkit-text-shadow: 2px 2px 3px #AAA;
  border-radius: 0 0 2px 2px;
}